<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 与运算短路
      // 遇到false 就返回 (短路)
      // true && alert("hello"); // 弹出
      // false && alert("hello"); // 不弹出  因为第一个条件false 不满足,整体结果已经确定不满足,没必要往下执行了(短路)

      // 或运算短路
      // 遇到 true 就返回(短路)
      // true || alert("hi"); // 不弹出
      // false || alert("hi"); // 弹出

      // 不是布尔值,会隐式转换成布尔值 来看 是true还是 false
      10 || alert("不凡学院");

      // 总结: 与运算遇到 false  就返回(短路),,或运算遇到 true 就返回(短路)

      // 关注 逻辑运算的结果
      // 逻辑运算的结果 必然是  参与运算的 其中某一个条件,(起决定性作用的那个条件)
      // 与运算: 遇到false 就返回(该条件作为结果)
      // 或运算: 遇到true 就返回(该条件作为结果)

      var res = 5 && 6; // 把右边 逻辑运算的结果 赋给 左边的变量 res
      console.log(res); // 6

      var res1 = 5 || 6;
      console.log(res1); // 5
    </script>
  </body>
</html>
